{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "btn-arrow-right",
  "type": "registry:component",
  "dependencies": [
    "lucide-react"
  ],
  "devDependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "./registry/components/button/btn-arrow-right.tsx",
      "content": "const ButtonArrowRight = () => {\r\n  return (\r\n    <>\r\n      <button className='group relative inline-flex h-[calc(48px+8px)] w-[200px] bg-linear-to-r dark:from-[#070e41] dark:to-[#141d57] from-[#c0c7ff] to-[#4c64ff] border-2 border-[#656fe2]  items-center justify-center rounded-full  py-1 pl-6 pr-14 font-medium text-neutral-50'>\r\n        <span className='z-10 pr-2'>Contact Us</span>\r\n        <div className='absolute right-1 inline-flex h-12 w-12 items-center justify-end rounded-full dark:bg-[#5052e7] bg-[#2b2da0] transition-[width] group-hover:w-[calc(100%-8px)]'>\r\n          <div className='mr-3.5 flex items-center justify-center'>\r\n            <svg\r\n              width='15'\r\n              height='15'\r\n              viewBox='0 0 15 15'\r\n              fill='none'\r\n              xmlns='http://www.w3.org/2000/svg'\r\n              className='h-5 w-5 text-white'\r\n            >\r\n              <path\r\n                d='M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z'\r\n                fill='currentColor'\r\n                fillRule='evenodd'\r\n                clipRule='evenodd'\r\n              ></path>\r\n            </svg>\r\n          </div>\r\n        </div>\r\n      </button>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ButtonArrowRight;\r\n",
      "type": "registry:component"
    }
  ]
}